import { onMounted, ref } from 'vue'
import { getBannerAPI } from '@/apis/Home'

// 封装banner轮播图相关的业务代码
export function useBanner() {
  // 迁移首页轮播图代码逻辑
// // 声明一个banner空数组
const bannerList = ref([])

// 调用接口获取轮播图数据
const getBannerList = async () => {
  const res = await getBannerAPI(
    {
    distributionSite: '2'
  }
  )
  // console.log(res.result)
  // 将获取到的轮播图数据赋值给bannerList
  bannerList.value = res.result
}

// 组件挂载后调用获取轮播图数据的方法
onMounted(() => {
  getBannerList()
})

return {
    bannerList
  }
}